.chk {
	    display: none;
	}
	 
	.chk + label {
		background-color: #FFF;
	    padding: 8px 4px;
	    border-radius: 5px;
	    display: inline-block;
	    position: relative;
	    background: #bebebe;
	    width: 55px;
	    font-size: 11px;
	    height: 10px;
	}
	
	.chk + label:before {
		content: ' ';
	    position: absolute;
	    background: #FFF;
	    top: 0px;
	    z-index: 99999;
	    left: 0px;
	    width: 19px;
	    color: #FFF;
	    height: 26px;
	    border-radius: 4px;
	    box-shadow: 0 0 1px rgba(0,0,0,0.6);
	}
	
	.chk + label:after {
		content: '\7981 \7528 ';
	    position: absolute;
	    font-size: 1em;
	    color: white;
	    font-weight: bold;
	    left: 2px;
	    top: 4px;
	}
	
	.chk:checked + label {
		background: #67A5DF;
	}
	
	.chk:checked + label:after {
		content: '\542F \7528 ';
		left: 10px;
	}
	
	.chk:checked + label:before {
		content: ' ';
		position: absolute;
		z-index: 99999;
		left: 44px;
	}
	
	
	.chk + label:after {
		left: 28px;	
	}	
	
	.chk + label:after, .chk + label:before, .chk label {	
		-webkit-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}